<template>
    <div>
      <overdue-daily v-if="activeName === 'first'"></overdue-daily>
        <!-- <el-tabs style='margin-top:15px;' v-model="activeName">
            <el-tab-pane :label="$t('OverdueStatement.overdueDaily')" name="first">
                <overdue-daily v-if="activeName === 'first'"></overdue-daily>
            </el-tab-pane>
            <el-tab-pane :label="$t('OverdueStatement.overdueMonthly')" name="second">
                <overdue-monthly v-if="activeName === 'second'"></overdue-monthly>
            </el-tab-pane>
        </el-tabs> -->
    </div>
</template>

<script>
    export default {
      data() {
        return {
          activeName: 'first'
        }
      },
      components: {
        'overdue-daily': () => import('./components/overdueDaily'),
        'overdue-monthly': () => import('./components/overdueMonthly')
      }
    }
</script>

<style scoped>

</style>